*{margin: 0;padding: 0;}
body{
	ul{list-style: none;}
	a{text-decoration: none;}
	box-sizing:border-box;
	#header{
			width: 100%;
			height: 40px;
			background:#333;
			font-family:"宋体";
			font-size: 12px;
			color:#666;
			.left{
				width: 200px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				float: left;
				margin-left: 145px;
				li{
					float: left;
					padding-right:30px ;
					a{color:#fff;}
				}
			}
			.ulright{
				width:600px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				float: right;
				margin-right: 92px;
				li{
					float: left;
					padding-left: 40px;
					a{color:#fff;}
				}
				#zc{padding-left: 10px;}
			}
		}
	#header-container{
		width: 100%;
		height: 420px;
		#logo{
			width: 100px;
			height: 170px;
			line-height: 170px;
			margin: 0 auto;
		}
		#nav{
			width: 1200px;
			height: 50px;
			margin: 0 auto;
			ul{
				width: 760px;
				height: 100%;
				float: left;
				li{
					float: left;
					padding-left: 10px;
					padding-right: 10px;
					a{
						font-weight: bold;
						font-size: 30px;
						color: #333;
						}
				}
			}
			.search{
				width: 200px;
				height: 25px;
				float: right;
				padding-top: 20px;
				position: relative;
				// overflow: hidden;
				input{
					float: left;
				}
				#ss{
					width: 170px;
					height: 25px;
					border: 0;
				}
				#sub{
					width: 25px;
					height: 25px;
					border: 0;
					background:url(../images/ss.png) no-repeat 25px 25px;
					background-position: 0px 0px;
				}
				.suggest{
					width: 170px;
					height: 200px;
					display: none;
					position: absolute;
					top: 45px;
					left: 0;
					z-index: 5;
				}
			}
		}
	}
	#foo{
		width: 100%;
		height: 600px;
		background:#333;
		#f-top{
			height: 116px;
			border-bottom: 1px solid #666;
			overflow: hidden;
			ul{
				width: 1200px;
				height: 30px;
				margin: 40px auto;
				display: flex;
				li{
					height: 100%;
					line-height: 30px;
					margin-left: 50px;
					text-align: center;
					justify-content: center;
					align-items: center;
					color: #fff;
					a{color: #fff;}
					i{
						display: inline-block;
						width: 27px;
						height: 27px;
						font-size: 27px;
					}
				}
				li:first-child{margin-left: 0;}
			}
		}
		#f-m{
			width: 100%;
			height: 130px;
			ul{
				width: 1200px;
				height: 100%;
				margin: 0 auto;
				display: flex;
				li{
					width: 180px;
					justify-content: space-around;
					align-items:center;
					color: #fff;
					dl{
						font-size:12px;
						overflow:hidden;
						dd{
							margin-top: 10px;
							a{color: #666;}
							a:hover{color: #fff;}
						}
					}
					
				}
			}
		}
		#f-i{
			width: 1200px;
			height: 200px;
			margin: 0 auto;
			img{
				width: 100%;
				height: 100%;
			}
		}
		#f-b{
			width: 1200px;
			height: 100px;
			font-size:12px ;
			color: #fff;
			margin: 0 auto;
			ul{
				display: flex;
				margin-bottom: 10px;
				li{
					padding-left: 10px;
					padding-right: 10px;
					border-right:1px solid #5E5E4C;
					justify-content: space-around;
					align-items: center;
					a{color: #fff;}
				}
			}
		}
	}
}
